@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; font-family:"Microsoft Yahei"; font-size:14px; color:#333; background:#f1f1f1; }

.focusCont .arrowFocus a,.storyList .name em,.leftNav .state,.photoList .icon a,.contNav .name em,.rankingList em { display:block; background:url(story/icon.png) no-repeat; overflow:hidden; }

/*---- 正文 ----*/
.story { width:1000px; margin:0 auto; padding-bottom:20px; overflow:hidden; }
.story h1 { height:60px; font-size:24px; color:#fb5f5f; line-height:58px; overflow:hidden; }
.story h1 a { float:right; font-size:14px; color:#999;}
.story h1 a:hover { color:#fb5f5f; text-decoration:underline;}
.storyNav { height:76px; overflow:hidden; width:360px;}
.storyNav a.logo { display:block; width:350px; height:76px; text-indent:-9999px; background:url(story/logo.png) no-repeat; overflow:hidden; }
.storyNav .txt { float:right; color:#333; overflow:hidden; }
.storyNav .txt p { padding:27px 45px 0 0; font-size:16px; color:#ababab; }
.storyNav .txt strong { padding-right:20px; font-size:26px; color:#fb5f5f; font-family:Verdana; }
.storyNav .txt a { color:#333; line-height:80px; }
.storyNav .txt a.red { float:right; width:150px; height:38px; margin:22px 0 0 30px; border-radius:8px; font-size:16px; line-height:36px; color:#fff; }

.firstFocus { height:350px; overflow:hidden; }
.firstFocus .tabList { float:right; width:280px; height:330px; background:#fff; overflow:hidden; }
.firstFocus .tabList .tabNav { height:44px; overflow:hidden; }
.firstFocus .tabList .tabNav a { display:block; float:left; width:140px; height:44px; font:16px/40px "Microsoft Yahei"; color:#666; text-align:center; overflow:hidden; }
.firstFocus .tabList .tabNav a span { display:block; width:78px; height:42p; margin:0 auto; border-bottom:2px solid #fff; }
.firstFocus .tabList .tabNav a.active { color:#333;}
.firstFocus .tabList .tabNav a.active span { border-bottom:2px solid #fb5f5f; }
.firstFocus .tabList .list { padding-top:10px; overflow:hidden; }
.firstFocus .tabList .list dl { height:38px; font:13px/37px Arial, "Microsoft Yahei"; overflow:hidden; }
.firstFocus .tabList .list dl dt { float:left; width:215px; overflow:hidden; }
.firstFocus .tabList .list dl dd { float:left; width:50px; padding-right:15px; text-align:right; color:#888; overflow:hidden; }
.firstFocus .tabList .list img { float:left; position:relative; top:10px; margin-left:7px;}
.firstFocus .tabList .list span { display:block; float:left; width:40px; color:#9f9f9f; text-align:center; }
.firstFocus .tabList .list a { display:block; float:left; font-size:15px; line-height:36px; color:#555; }
.firstFocus .tabList .list .top a { color:#fc7e2a}
.firstFocus .tabList .list .top span { color:#ff8a8a; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
.firstFocus .tabList .list .top a { max-width:151px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; }

.focusCont { position:relative; float:left; width:710px; height:330px; overflow:hidden; }
.focusCont img { display:block; width:710px; height:330px;}
.focusCont .cont li { position: absolute; }
.focusCont .intr { position:absolute; left:0px; bottom:0px; width:100%; height:110px; padding:70px 0 0; font-size:14px; line-height:22px; color:#fff; background:url(story/focus_bj.png) repeat-x; overflow:hidden; z-index:5;}
.focusCont .intr p { padding:0 30px;}
.focusCont .intr a,.picList .txt a,.storyList p a { color:#ff6400; }
.focusCont .intr strong { font:bold 20px/40px Verdana, "Microsoft Yahei"; }
.focusCont .icon { position:absolute; left:50%; bottom:12px; width:60px; margin-left:-30px; z-index: 2;}
.focusCont .icon li { float:left; width:6px; height:6px; margin-right:5px; text-indent:-9999px; border-radius:3px; background:#fff; overflow:hidden; cursor:pointer; }
.focusCont .icon li.active { width:10px; height:6px; border-radius:3px; }
.focusCont .arrowFocus { position:absolute; top:50%; width:35px; height:70px; margin-top:-35px; z-index:10; overflow:hidden; zoom:1; }
.focusCont .arrowFocus a { width:35px; height:70px; text-indent:-99999px;}
.focusCont .arrowFocus a.prev { background-position:0 0;}
.focusCont .arrowFocus a.prev:hover { background-position:-70px 0;}
.focusCont .arrowFocus a.next { background-position:-35px 0 ;}
.focusCont .arrowFocus a.next:hover { background-position:-105px 0;}

.picList { width:1020px; overflow:hidden; }
.picList ul li { float:left; width:184px; height:240px; margin:0 20px 20px 0;  background:#fff; overflow:hidden; cursor:pointer; }
.picList .pic { position:relative; width:184px; height:184px; overflow:hidden; }
.picList .pic img { display:block; width:184px; height:184px;}
.picList .pic .txt { position:absolute; left:0px; bottom:0; width:184px; height:0px; text-align:center; font-size:14px; line-height:20px; color:#fff; background:rgba(0,0,0,.7); overflow:hidden; transition: all 0.3s; z-index:5; }
.picList .pic .txt p { padding:20px 15px 25px; text-align:left;}
.picList .name,.storyList .name { font:14px/54px Arial, "Microsoft Yahei"; color:#555; text-align:center; }
.picList .name img { position:relative; top:5px; margin-left:5px;}
.picList ul li:hover .txt  { height:184px;}

.storyList { position:relative; width:1020px; margin-bottom:20px; overflow:hidden; }
.storyList .cont { float:left; width:340px; overflow:hidden; }
.storyList .txt { width:320px; margin-bottom:20px; padding-bottom:15px; background:#fff; overflow:hidden; }
.storyList .txt .pic { display:block; width:320px;}
.storyList .name { position:relative; width:280px; height:47px; padding:20px 0 10px; font-size:16px; line-height:43px; margin:0 auto; overflow:hidden; }
.storyList .name em { position:absolute; top:15px; left:50%; width:58px; height:58px; margin-left:-29px; background-position:-140px 0; }
.storyList .name dl { overflow:hidden; }
.storyList .name dl img { position:relative; top:5px; margin-left:5px;}
.storyList .name dl dt { float:left; width:120px; height:47px; padding-right:20px; background:#d9f3ff; border-radius:23px 0 0 23px; }
.storyList .name dl dd { float:left; width:120px; height:47px; padding-left:20px; background:#ffe6f5; border-radius:0 23px 23px 0; }
.storyList p { padding:0 20px;  font:14px/25px Verdana, "Microsoft Yahei"; color:#666; text-indent:2em; }
.storyList .nbsp { position:absolute; left:0px; bottom:0px; width:100%; height:110px; text-indent:-9999px; background:url(story/bj_01.png) repeat-x; overflow:hidden; z-index:5;}

.space { padding:20px 0 14px; border-top:2px solid #ff91b6; overflow:hidden; }
.leftNav { float:left; width:280px; padding-right:20px; overflow:hidden; }
.leftNav h2 { height:56px; padding:0 0 0 20px; line-height:54px; font-weight:bold; color:#f25b58; overflow:hidden; }
.leftNav .personal { margin-bottom:20px; background:#fff url(story/bj_02.png) no-repeat center top; overflow:hidden; }
.leftNav .pic li { float:left; width:50%; height:150px; font-size:12px; color:#666; text-align:center; overflow:hidden; }
.leftNav .pic .photo { display:block; width:72px; height:72px; margin:0 auto; border-radius:50%;}
.leftNav .pic .icon { position:relative; top:5px; margin-right:5px;}
.leftNav .pic p { height:32px; font-size:14px; color:#333; line-height:30px;}
.leftNav .pic a { color:#666;}
.leftNav .pic a:hover { color:#f25b58; }
.leftNav .state { width:202px; height:30px; margin:22px auto; font-size:16px; line-height:28px; text-align:center; color:#fff; background-position:-198px 0;}
.leftNav .num { width:252px; margin:0 auto; padding-bottom:20px; color:#999; font-size:14px; text-align:center; overflow:hidden; }
.leftNav .num li { float:left; width:120px; margin:0 3px; }
.leftNav .num strong { font-size:40px; font-family: Arial; color:#fea6a6;}
.leftNav .num p { padding-bottom:20px;}
.leftNav .num a { display:block; width:120px; height:38px; font-size:14px; color:#fff; line-height:36px; border-radius:5px; background:#f25b58; overflow:hidden; }
.leftNav .num a.gray { background:#ddd; color:#fff; cursor:default;}
.leftNav .touchingStory { padding-bottom:10px; background:#fff; overflow:hidden; }
.leftNav .touchingStory img { display:block; width:240px; height:140px; }
.leftNav .touchingStory ul { width:240px; margin:0 auto; overflow:hidden; }
.leftNav .touchingStory ul li { position:relative; padding-bottom:10px; overflow:hidden; }
.leftNav .touchingStory div { position:absolute; top:0px; left:0px; width:240px; height:100px; padding-top:40px; font-size:12px; line-height:26px; color:#fff; text-align:center; background:url(story/bj_03.png); overflow:hidden; }
.leftNav .touchingStory strong { font-size:16px;}

.contNav { float:left; width:700px; padding-bottom:40px; font-family:"Microsoft Yahei"; background:#fff; overflow:hidden; }
.contNav .topNav { height:40px; padding:20px; overflow:hidden; }
.contNav .topNav .R { float:right; }
.contNav .topNav .L { float:left; font-size:14px; color:#888; }
.contNav .topNav .L a { color:#888;}
.contNav .topNav .L strong { color:#333}
.contNav .article { padding-bottom:50px; overflow:hidden; }
.contNav .name { position:relative; padding:0 20px 0 40px; overflow:hidden;}
.contNav .name em { position:absolute; top:4px; left:0px; width:32px; height:22px; font:14px/20px Verdana; color:#fff; text-align:center; background-position:-198px -48px; }
.contNav .name span { float:right; font:14px/28px Verdana; color:#888;}
.contNav .name strong { font-size:22px; color:#f25b58; }
.contNav .cont { padding:10px 20px; line-height:30px; overflow:hidden;}
.contNav .link { padding-right:20px; color:#f25b58; font-size:13px; text-align:right; overflow:hidden;}
.contNav .link a { color:#f25b58;}
.contNav .link a:hover { text-decoration:underline;}
.contNav .link span { padding:0 20px;}
.contNav .noArticle { display:block; margin:20px auto; }
.contNav .details { padding:0 20px; overflow:hidden;}
.contNav .details h3 { font-size:30px; color:#f25b58; }
.contNav .details h4 { padding:15px 0 25px; font-size:14px; color:#555;}
.contNav .details h4 a { padding-left:20px; color:#555; background:url(story/icon01.gif) no-repeat left 3px; }
.contNav .details h4 a:hover { color:#f25b58;}
.contNav .details h4 span { margin-right:5px; padding:0 3px; color:#fff; background:#c3c3c3;}
.contNav .details .txt { font-size:15px; line-height:30px; color:#333; overflow:hidden; }
.contNav .details .link { padding:20px 0px;}
.comment { margin-top:20px; padding:20px; background:#fff; overflow:hidden; }
.comment .publist { height:40px; overflow:hidden; }
.comment .publist dt { float:left; width:; font-size:16px; color:#f25b58; overflow:hidden;}
.comment .publist dd  { float:right; font-size:12px; line-height:22px; color:#888; }
.comment .publist dd input { float:none; color:#333; margin-right:10px; border:1px solid #eee; }
.comment .publist dd label { float:left;}
.comment .publist dd a,.comment .icon { display:block; float:left; height:24px; padding:0 15px; margin-left:10px; text-align:center; color:#aaa; background:#eee; border-radius:10px; }
.comment .inp { height:20px; width:84px; line-height:20px;}
.comment .inp01 { position:relative; top:3px; height:15px; width:15px; margin-right:3px; }
.comment textarea { width:650px; height:80px; margin:0 auto; padding:0 5px; line-height:20px;  border:1px solid #eee;}
.comment .icon { float:right; margin:10px 0; font-size:12px; line-height:22px;}
.comment .cont { padding:0px; }
.comment .cont dl { padding:14px 0; font:12px/22px '宋体'; color:#666; overflow:hidden; zoom:1;}
.comment .cont dl dt { line-height:35px; overflow:hidden; zoom:1;}
.comment .cont dl dt a { font-weight:bold; color:#d6346b; text-decoration:underline;}
.comment .cont dl dt span { float:right; padding-right:10px; color:#ccc}
.comment .cont dl dd { padding:10px; line-height:22px; background:#f4f4f4; overflow:hidden; zoom:1;}
.comment .cont dl dd .title{ margin:0 0 7px 0; overflow:hidden; zoom:1;}
.comment .cont dl dd .title span{ padding:0 10px 0 0;}
.comment .cont .del { float:right; color:#16a6ff; text-decoration:underline;}

/*---- 广告位 ----*/
.adv90 { width:1000px; margin:0 auto; padding-top:6px; overflow:hidden; }
.advL { position:fixed; top:50%; left:3%; width:54px; height:240px; margin-top:-100px; background:url(story/adv_L.png) no-repeat; overflow:hidden; z-index:5; }
.advL a { display:block; width:54px; height:240px; text-indent:-9999px;}
.advR { position:fixed; top:50%; right:0; width:95px; height:200px; margin-top:-80px; background:url(story/adv_R.png) no-repeat; overflow:hidden; z-index:5; }
.advR a { display:block; width:95px; height:200px; text-indent:-9999px;}
.advStory { width:100%; padding:0 0 20px 0; overflow:hidden; }

/*---- 空间图片滚动 ----*/
.photoList { position:relative; width:235px; margin:0 auto; overflow:hidden;}
.photoList .icon { display:none; position:absolute; top:0px;}
.photoList .icon a { display:block; width:15px; height:75px; text-indent:-9999px; }
.photoList .icon a.prev { background-position:0 -70px;}
.photoList .icon a.next { background-position:-15px -70px;}
.photoList:hover .icon { display:block; }
#marquee{ width:240px;height:80px;overflow:hidden;}
#marquee ul li{float:left; width:80px;height:80px;overflow:hidden;}
#marquee ul li img{display:block; width:75px; height:75px; }

/*---- 列表页 ----*/
.rankingList { padding:0 20px; color:#333; background:#fff; overflow:hidden; }
.rankingList .bt { padding:25px 0 10px; overflow:hidden; }
.rankingList .bt dt { float:left; width:130px; font-size:16px; overflow:hidden; }
.rankingList .bt dd { float:left; width:110px; overflow:hidden; }
.rankingList .bt dd a { display:block; float:right; margin:0 10px; font-size:12px; color:#333; }
.rankingList .bt dd a.active { color:#f25b58; text-decoration:underline; }
.rankingList .list { padding-bottom:10px; font-size:12px; line-height:38px; color:#333; border-bottom:1px solid #eee; overflow:hidden; }
.rankingList .list em { width:20px; height:22px; margin-top:10px; text-indent:-9999px; overflow:hidden; }
.rankingList .list .a { background-position:-164px -70px;}
.rankingList .list .b { background-position:-164px -92px;}
.rankingList .list .c { background-position:-164px -114px;}
.rankingList .list ul li { height:40px; overflow:hidden; }
.rankingList .list ul li a { display:block; float:left; width:140px; padding:0 10px 0 0; color:#333; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; }
.rankingList .ranking { float:left; width:22px; padding-right:18px; font:bold 16px/40px Arial; text-align:center;}
.rankingList .numR { float:left; width:40px; }

/*****搜索框*****/
.search_box{ padding:10px 0 30px; border-bottom:1px solid #eee;  overflow:hidden;}
.search_box dl{ width:250px; margin:0 0 15px 0;}
.search_box dl dt{ float:left; width:60px; line-height:22px;}
.search_box dl dd{ line-height:22px; overflow:hidden; zoom:1;}
.search_box dl dd input,.search_box dl dd a{ vertical-align:middle;}
.search_box .sex a { position:relative; display:block; float:left; width:55px; height:20px; margin-right:10px; padding-left:25px; font-size:14px; line-height:19px; color:#b9b9b9; border:1px solid #b9b9b9; overflow:hidden; }
.search_box .sex em { position:absolute; top:3px; left:5px; display:block; width:13px; height:14px; overflow:hidden; }
.search_box .sex .active { border-color:#f84260; color:#f84260; }
.search_box .sex .active em { background-position:0 -14px;}
.search_box .female em { background:url(story/icon02.gif) no-repeat 0 0; overflow:hidden; } 
.search_box .male em { background:url(story/icon03.gif) no-repeat 0 0; overflow:hidden; } 
.search_box .area{ width:173px; margin:0 0 5px 0;}
.search_box .area01{ width:80px; }
.search_box .age{ width:76px;}
.search_box .school{ float:left; width:93px; margin:0 5px 0 0;}
.search_box select { padding:2px 0; }
.search_box p{ margin:0 0 15px 0; line-height:22px;}
.search_box .point{ color:#d6346b; line-height:18px;}
.search_box .mb_button { display:block; width:240px; height:36px; font-size:14px; line-height:34px; text-align:center; color:#fff; border-radius:5px; background:#4485fe; overflow:hidden; }
.search_ID{ padding:0 0 40px;overflow:hidden;}
.search_ID input{  float:left; width:165px; padding:5px; margin:0; border:1px solid #d0d0d0; font:12px normal; color:#666;}
.search_ID .mb_button { display:block; float:left; width:35px; height:26px; padding-left:27px; font-size:12px; line-height:24px; color:#fff; border-radius:0 5px 5px 0; background:#4485fe url(story/icon04.gif) no-repeat 10px 7px; overflow:hidden; }

/*****故事列表页*****/
.storyMore { padding:0 20px; overflow:hidden; }
.storyMore .bt { height:54px; padding-top:10px; font-size:14px; line-height:52px; color:#999; overflow:hidden; }
.storyMore .bt span { color:#333;}
.storyMore dl { width:660px; padding:30px 0; border-top:1px solid #eee; overflow:hidden; }
.storyMore dl dt,.storyMore dl dt img { float:left; display:block; width:175px; height:140px; overflow:hidden; }
.storyMore dl dd { float:left; width:464px; padding:0 0 0 20px; overflow:hidden; }
.storyMore .name { padding:0px; font-size:18px; }
.storyMore .name a.more { float:right; font-size:14px; line-height:23px; color:#4485fe; }
.storyMore .name a.title { display:block; width:380px; color:#333; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; }
.storyMore p { height:78px; padding:10px 0 6px; font-size:14px; line-height:25px; color:#666; overflow:hidden; }
.storyMore p a { color:#666; }
.storyMore p a:hover { color:#f25b58; }
.storyMore .time { float:right; font-size:12px; line-height:22px; color:#888;}
.storyMore .state { display:block; width:154px; height:20px; color:#f25b58; line-height:20px; font-size:12px; border:1px solid #f25b58; }
.storyMore .state img { position:relative; top:-2px; margin:0 6px 0 10px;}

/*****pager*****/
.list_pagegray{margin:-1px 0 0; padding:20px 0 0; overflow:hidden; zoom:1;}
.page_now{ padding:1px 0 0; text-align:center; overflow:hidden;zoom:1;}
.page_now a,.page_now span{ padding:3px 6px; margin:0 0 0 4px; line-height:24px; color:#6d7182; border:1px solid #e0e0e0; font-family:Arial, Helvetica, sans-serif; text-decoration:none;overflow:hidden;}
.page_now a:hover{ background:#d3eafc; border:1px solid #88b8e0; text-decoration:none;}
.page_now span.now{ color:#f00; font-weight:700;}
.page_now span.dot{ border:0; background:none;}
.page_now span.gray{ border:1px solid #eee; color:#ccc}

.pop_feedback.red, .pop_feedback .red { background:#fff;}